*{margin:0;padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
.fr{float:right;}
.fl{float:left;}
.clearfix:after{display:block;content:'.';height:0;line-height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}
body{background:url("./images/bg.png");padding-bottom:40px;}
.head-pic img{width:100%;}
.discount{margin:15px 5px 20px;border:16px solid transparent;border-image:url("images/4-02.png") 30 30 stretch;}
.discount-main{background:#fff;padding:8px;border-radius:3px;}
.discount-main .main-t img{width:40%;margin-right:15px;}
.discount-main .main-t .discount-title{font-size:12px;}
.discount-main .main-t .discount-title span.money{font-size:16px;color:#72151a;font-weight:bold;}
.discount-main .main-t .discount-title del{color:#797270;margin-left:10px;}
.discount-main .main-t .discount-title .rest{color:#797270;height:20px;line-height:20px;}
.discount-main .main-t .discount-title .rest span{color:#72151a;}
.countdown{text-align:center;margin:15px 0;font-size:20px;}
.countdown #count span{display:inline-block;color:#7b1c20;width:35px;}
.discount-btn{display:flex;justify-content:center;}
.discount-btn .btn{background:#6c1317;color:#fff;width:40%;border-radius:30px;margin:0 auto;}
.introduce{text-align:center;}
.introduce h3{margin:0 auto;color:#fff;width:60%;height:50px;line-height:50px;background:url('./images/3.png') no-repeat;background-size:100% 100%;}
.discount-detail{background:#fff;border-radius:10px;margin:25px 20px;padding:25px 0;}
.discount-detail p,.discount-detail li{margin:0;font-size:12px;}
.discount-detail h5{margin-bottom:5px;margin-top:5px;}
.discount-detail>p{text-align:center;font-size:16px;color:#231815;margin-bottom:10px;}
.discount-detail .title span{color:#72151a;}
.discount-detail .favourable{background:#f6e6ef;margin:0 10px;border-radius:10px;padding:10px 0 15px 5px;}
.discount-detail .favourable .price{text-align:center;font-weight:bold;font-size:16px;}
.discount-detail .favourable .price span{font-size:24px;}
.discount-detail .favourable .lesson{background:#df7b12;color:#fff;border-radius:10px;margin:10px 10px 15px;padding:0 0 5px 15px;}
.discount-detail .favourable .lesson li{font-size:14px;height:20px;line-height:20px;}
.discount-detail .favourable h5{color:#7b181d;}
.discount-detail .favourable .bag{color:#7b181d;margin-bottom:5px;margin-top:5px;}
.discount-detail .favourable ol{padding-left:15px;}
.discount-detail .goods{margin:15px;}
.discount-detail .goods img{width:100%;}
.discount-detail .goods img:not(:first-child){margin-top:20px;}
.present{color:#f1f0ef;border:15px solid transparent;border-image:url("images/4-02.png") 30 30 stretch;font-size:16px;margin:35px 5px;}
.present ul{margin-top:10px;}
.present ul li{padding-bottom:10px;}
.present p{font-size:}
.code{margin:35px 20px;padding-bottom:25px;background:#fff;border-radius:10px;}
.code h2{color:#7d191d;text-align:center;padding-top:15px;}
.code img{width:50%;margin:0 auto;margin-bottom:15px;}
.code .code-con{margin:0 20px;font-size:14px;}
.school{background:#fff;margin:35px 20px;border-radius:10px;height:400px;font-size:14px;padding:15px 10px 0;}
.list-title h3{position:relative;margin:0 auto;width:70%;height:50px;line-height:50px;background:url('./images/33.png') no-repeat;background-size:100% 100%;}
.list-title h3 a{color:#fff;}
.list-title h3 a.invite{position:absolute;left:14%;}
.list-title h3 a.rank{position:absolute;right:14%;}
.list-title .active{color:#791b1f;}
.list-title a{text-decoration:none;}
.list .active{display:none;}
.list{margin:35px 20px;background:#fff;border-radius:10px;padding:10px 0;text-align:center;}
.list table{width:90%;margin:0 auto;table-layout: fixed;}
.list table tr th,.list table tr td{text-align:center;padding:5px 0;}
.list table tr td{font-size:14px;height:40px;line-height:40px;}
.list table tr td.name{word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list table tr td.state{color:#7a1e1f;}
.list table tr td img{width:30px;height:30px;border-radius:50%;}
.some .number{color:#000;position:fixed;top:0;width:100%;height:30px;line-height:30px;background:rgba(190,109,65,0.5);padding-left:15px;}
.some .number span{color:#fff;}
.some,.some a{color:#fff;}
.some span.btn-music{position:fixed;top:6%;left:5%;font-size:16px;font-weight:100;text-align:center;width:25px;height:25px;line-height:25px;background:rgba(47,45,45,0.8);border-radius:50%;}
.some ul{position:fixed;top:7%;right:0;text-align:center;margin:0;}
.some ul li{background:rgba(47,45,45,0.7);border-radius:5px;transform:scale(0.9);padding:0 5px;}
.some ul li:not(:first-child){margin-top:10%;}
.some ul li.last{background:rgba(229,110,48,0.8);border:1px solid #892e26;}
.some ul li a{opacity:0.7;height:20px;line-height:20px;font-size:12px;font-weight:100;text-decoration:none;}
.some .foot-btn{position:fixed;bottom:0;width:100%;display:flex;justify-content:center;}
.some .foot-btn button{width:100%;background:#de7c19;border:none;height:40px;line-height:40px;font-size:24px;letter-spacing:1px;}
.btn-ani{-webkit-animation:arry 5s infinite linear;}
@-webkit-keyframes arry{
    from{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
    to{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
